<template>
    <div>
        <p>result:{{result}}</p>
        <input type="button" value="发送axios请求-无参数" @click="sendAxiosNone()">
        <hr>
        <input type="text" v-model="num">
        <input type="button" value="发送axios请求-有参数" @click="sendAxiosHave()">
    </div>
</template>
<script>
import axios from "axios";
// console.log(axios);
// console.log(axios.prototype);
export default {
    data(){
        return{
            result:[],
            num:1
        }
    },
    methods:{
        sendAxiosNone(){
            // let p=axios.get("http://localhost/filmApi/loadTyps.php1");
            // // console.log(p);
            // // p.then(function(response){
            // //     console.log(response);
            // //     console.log(response.data);
            // p.then(function({data:{result}}){
            //     console.log(result);
            // },function(error){
            //     console.log(error);
            //     alert("请求失败");
            // })
            axios.get("http://localhost/filmApi/loadTyps.php")
                    // .then(({data:{result,resultState},statusText})=>{
                    //     console.log(statusText,result,resultState);
                    //     // console.log()
                    // })
                    .then(({data:{resultState,result},statusText})=>{
                        // console.log(result);
                        if(statusText=="OK" && resultState){
                            this.result=result;
                        }else{
                            return Promise.reject("错误");
                        }
                    })
                    .catch((error)=>{
                        console.log(error);
                        alert("请求失败");
                    })
        },
        sendAxiosHave(){
            // axios.get("http://localhost/filmApi/loadFilms.php?filmId=10002&size=3")
            axios.get("http://localhost/filmApi/loadFilms.php?",{
                params:{
                    filmId:10002,
                    size:this.num
                }
            })
                    // .then((res)=>{
                    //     console.log(res);
                    // })
                    .then(({data:{resultState,result},statusText})=>{
                        // console.log(res);
                        if(statusText=="OK" && resultState){
                            this.result=result;
                        }else{
                            return Promise.reject();
                        }
                    })
                    .catch((error)=>{
                        alert("请求错误");
                    })
        }
    }
}
</script>